//定义相关配置
require.config({
    baseUrl : "/assets", //基础路径 只针对 paths 下的字段生效
    //模块路径配置
    paths:{
        'vue':['libs/vue/vue.min', 'https://cdn.bootcdn.net/ajax/libs/vue/2.6.12/vue.min'], //1.数组中可设多个路径  2.无需.js后缀
        'ELEMENT': 'libs/element-ui/index.min',

        'utils':"js/utils",
        'browser-utils':"js/browser-utils"
    },
    map: {
        '*': {
            //引入require-css，使其支持加载css
            'css': '/assets/libs/require-css/css.min.js'
        }
    },
    shim: { //声明模块依赖
        'ELEMENT': ['css!/assets/libs/element-ui/index.min.css'],//如果引入了ELEMENT模块，则自动引入这个css文件

        'browser-utils':{
            exports:"sayHello",//本例中可以sayHello和utils二选一
        }
    }
})

//vue和element-ui每个页面都会用到，所以作为公共模块引入
//每个页面都有其对应的js模块，需要为其配置相应的规则，使其根据页面路径自动引入

//引入页面公共模块和页面js模块
require(['vue','ELEMENT'],function(Vue,ELEMENT){
    //安装element-ui
    Vue.use(ELEMENT)
    //将Vue渲染至全局
    window.Vue = Vue

    //设定js基本路径
    var baseJsPath = "/assets/js"

    //获取当前页面路径
    var page_path = window.location.pathname

    //判断路径是否以 .html 结束
    if(page_path.lastIndexOf('.html') > -1 && (page_path.length - 5) == page_path.lastIndexOf('.html')){
        //页面路径完整（需去除.html后缀 再拼接）
        var jsPath = baseJsPath + page_path.slice(0,-5) + '.js'
    }else if(page_path.lastIndexOf('/') > -1 && (page_path.length - 1) == page_path.lastIndexOf('/')){//判断是否已 / 结尾
        //页面路径不完整（需要拼接 index.js）
        var jsPath = baseJsPath + page_path + 'index.js'
    }else{
        //页面路径不完整（说明无需去除.html后缀 直接拼接）
        var jsPath = baseJsPath + page_path + '.js'
    }

    //引入页面的js文件
    require([jsPath],function(){
        
    })
})